<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="icon" href="../images/title.ico" type="image/x-icon"/>
    <link rel="stylesheet" type="text/css" href="../style/css/head_foot.css">
    <link rel="stylesheet" type="text/css" href="../style/css/shopping.css">
    <script src="../js/lib/require.js" data-main="../js/shopping"> </script>
    <style type="text/css">
        .w960{
            width: 960px;
            margin: 0 auto;
        }
    </style>
</head>
<body>
<!--头部-->
<div id="header">
    <!--top-->
    <div class="header_topnav clear">
        <div class="w960  w1100 clear">
            <div class="head_top_left">
                <ul class="clear">
                    <li>欢迎来到知我！这里，用专业呵护美丽。</li>
                    <li><a href="login.html">请登录</a></li>
                    <li><a href="javascript:void(0)">快速注册</a></li>
                </ul>
            </div>
            <div class="head_top_right">
                <ul class="clear">
                    <li class="hover_bg">
                        <a href="#"><span>微信商城</span></a>
                        <div><img src="../images/wechat_ewm1%20(1).jpg" alt=""></div>
                    </li>
                    <li><a href="#">手机知我</a></li>
                    <li class="hover_bg">
                        <a href="#"><sapn>我的小窝</sapn></a>
                        <div>
                            <p><a href="#">我的订单</a></p>
                            <p><a href="#">我的优惠券</a></p>
                            <p><a href="#">我的收藏</a></p>
                            <p><a href="#">我的预定</a></p>
                        </div>
                    </li>
                    <li class="item_line">|</li>
                    <li class="hover_bg">
                        <a href="#"><span>客户服务</span></a>
                        <div>
                            <p><a href="#">帮助中心</a></p>
                            <p><a href="#">新浪微博</a></p>
                            <p><a href="#">正品承诺</a></p>
                            <p><a href="#">真伪查询</a></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--content-->
    <div class="header_center">
        <div class="w960  w1100 clear">
            <div class="head_clogo">
                <a href="#"><img src="../images/logo.jpg" alt="图片加载出问题啦" title="知我药妆"></a>
            </div>
            <div class="progress">
                <ul class="clear">
                    <li>
                        <p class="clear"><b>1</b><i></i></p>
                        <span>我的购物车</span>
                    </li>
                    <li>
                        <p class="clear"><i></i><b>2</b><i></i></p>
                        <span>确认订单信息</span>
                    </li>
                    <li>
                        <p class="clear"><i></i><b>3</b></p>
                        <span>成功提交订单</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--end 头部-->

<!--主体-->
<div id="main">
    <div class="w960">
        <div class="main_top clear">
            <p><span>我的购物车</span><i>My Cart</i></p>
            <p><span>运费每单<b>8</b>元</span><span>满<b>139</b>元包邮</span></p>
        </div>
        <div class="shop_list">
            <div class="list_nav">
                <ul class="clear">
                    <li>选购的商品</li>
                    <li>操作</li>
                    <li>赠送积分</li>
                    <li>金额小计</li>
                    <li>数量</li>
                    <li>单价</li>
                </ul>
            </div>
            <div class="list_cont">
                <table>
                    <tr>
                        <td class="item_name">
                            <a href="javascript:void(0)"><img src="../images/list_1.jpg" alt=""></a>
                            <a href="javascript:void(0)" id="name2">【清仓价】曼秀雷敦新碧儿童户外防晒乳SPF30</a>
                        </td>
                        <td class="item_pri">
                            <p>￥<span>48</span></p>
                        </td>
                        <td class="item_num">
                            <p class="clear">
                                <span id="down_num1" data="1"></span>
                                <input type="text" id="_num1" value="1">
                                <span id="up_num1" data="0"></span>
                            </p>
                        </td>
                        <td class="item_money">
                            <p>96.00</p>
                        </td>
                        <td class="item_inte">
                            <p>96</p>
                        </td>
                        <td class="item_ope">
                            <p>
                                <a id="del" href="javascript:void(0);">删除</a><br>
                                <a id="like" href="javascript:void(0);">收藏</a><br>
                            </p>
                        </td>
                    </tr>
                </table>
                <div class="clearing clear">
                    <div class="clear_left clear">
                        <a href="javascript:void(0)">全部清空</a>
                        <a href="#">继续购物</a>
                    </div>
                    <div class="clear_right clear">
                        <p>共<i>3</i>件商品</p>
                        <div class="clear"><span>应付金额（不含运费）：</span><i>￥</i><b>144.00</b></div>
                        <a href="#">去结算</a>
                    </div>
                </div>
            </div>
            <div class="list_empty">
                <p class="goods_img"></p>
                <p>购物车为空</p>
                <p class="goods_style">请挑选心爱的商品吧！</p>
                <a id="back" href="javascript:void(0)">返回首页</a>
            </div>
        </div>
    </div>
</div>
<!--end 主体-->

<!--底部-->
<div id="footer">
    <div class="w960  foo_top clear">
        <dl>
            <dt>真品保证</dt>
            <dd><a href="http://b.qq.com/webc.htm?new=0&amp;sid=4006301018&amp;eid=218808P8z8p8y8R8p8x80&amp;o=www.36tuan.com&amp;q=7" target="_blank" rel="nofollow">品牌合作</a></dd>
            <dd><a href="http://www.zhiwo.com/guarantee.html" target="_blank" rel="nofollow">严格把关</a></dd>
            <dd><a href="http://www.zhiwo.com/guarantee.html" target="_blank" rel="nofollow">百度投资</a></dd>
            <dd><a href="http://www.zhiwo.com/guarantee.html" target="_blank" rel="nofollow">全球品牌直供</a></dd>
        </dl>
        <dl>
            <dt>30天包退</dt>
            <dd><a href="http://www.zhiwo.com/help/refund_policies" target="_blank" rel="nofollow">退换货政策</a></dd>
            <dd><a href="http://www.zhiwo.com/help/refund_policies" target="_blank" rel="nofollow">办理退换货</a></dd>
            <dd><a href="http://www.zhiwo.com/help/refund_policies" target="_blank" rel="nofollow">售后服务</a></dd>
        </dl>
        <dl>
            <dt>139元包邮</dt>
            <dd><a href="http://www.zhiwo.com/help/delivery_state" target="_blank" rel="nofollow">配送政策</a></dd>
            <dd><a href="http://www.kuaidi.com/" target="_blank" rel="nofollow">快递查询</a></dd>
        </dl>
        <dl>
            <dt>药妆专柜</dt>
            <dd><a href="http://www.zhiwo.com/yao/skinjudge" target="_blank">肤质判定</a></dd>
            <dd><a href="http://www.zhiwo.com/qa" target="_blank">肌肤问题</a></dd>
            <dd><a href="http://www.zhiwo.com/yao/recommend" target="_blank">达人推荐</a></dd>
            <dd><a href="http://www.zhiwo.com/yao/skincare" target="_blank">护肤常识</a></dd>
        </dl>
        <dl class="footer_intro_mrl">
            <dt>关于知我</dt>
            <dd><a href="http://www.zhiwo.com/about/about_us.html" target="_blank" rel="nofollow">知我介绍</a></dd>
            <dd><a href="http://www.zhiwo.com/about/business" target="_blank" rel="nofollow">商务合作</a></dd>
            <dd><a href="http://www.zhiwo.com/about/friend_links" target="_blank">友情链接</a></dd>
            <dd><a href="http://www.zhiwo.com/apilist/public.html" target="_blank" rel="nofollow">开放API</a></dd>
        </dl>
        <dl class="footer_intro_mrl">
            <dt>新手指南</dt>
            <dd><a href="http://www.zhiwo.com/help/main.html" target="_blank" rel="nofollow">购物流程</a></dd>
            <dd><a href="http://www.zhiwo.com/help/pay_online" target="_blank" rel="nofollow">支付方式</a></dd>
            <dd><a href="http://www.zhiwo.com/brand" target="_blank">化妆品品牌大全</a></dd>
        </dl>
        <dl class="footer_intro_mrl">
            <dt>联系方式</dt>
            <dd><a id="online_service" target="_blank" rel="nofollow">在线客服咨询</a></dd>
            <dd class="contact_method">热线</dd>
            <dd class="contact_phone">400-630-1018<br>010-65389618</dd>
        </dl>
        <dl class="footer_intro_mrl footer_intro_wechat">
            <dt>知我微信商城</dt>
            <dd><img src="../images/wechat_ewm1.jpg" alt="知我微信商城二维码"></dd>
        </dl>
    </div>
    <div class="foo_cent">
        <ul class="clear">
            <li class="baidu"><span>百度投资</span></li>
            <li class="quality"><span>真品保证</span></li>
            <li class="mail"><span>139元包邮</span></li>
            <li class="return"><span>30天无理由退换货</span></li>
        </ul>
    </div>
    <div class="foo_foo">
        <div class="w1100">
            <div>友情链接：</div>
            <p class="footer_c_text1">© 2015-2019 知我天成科技（北京）股份有限公司 zhiwo.com 保留一切权利。客服热线：400-630-1018</p>
            <p class="footer_c_text2"><a href="http://www.miibeian.gov.cn/" target="_blank" rel="nofollow">京ICP备10047008号</a> |<a href="http://www.miibeian.gov.cn/" target="_blank" rel="nofollow">京ICP证B2-20170630号</a> | 网公安备1101054365号 | 营业执照 </p>
            <p>
                <img src="../images/footer_copy_02.jpg" alt="支付宝特约商家">
                <img src="../images/footer_copy_03.jpg" alt="快捷支付">
                <img src="../images/footer_copy_05.jpg" alt="网上交易保障中心">
            </p>
        </div>
    </div>
</div>
<!--end 底部-->
<!--右侧栏-->
<!--<div id="right_side">-->
    <!--<div class="side_content">-->
        <!--<div class="content_goods">-->
            <!--<div class="goods_empty">-->
                <!--<h1 class="clear">我的购物车<i class="back">></i></h1>-->
                <!--<p class="goods_img"></p>-->
                <!--<p>购物车为空</p>-->
                <!--<p class="goods_style">请挑选心爱的商品吧！</p>-->
            <!--</div>-->
            <!--<div class="goods_has">-->
                <!--<h1 class="clear">我的购物车<i class="back">></i></h1>-->
                <!--<div class="goods_msg">-->
                    <!--<ul>-->
                        <!--<li class="clear">-->
                            <!--<a href="#"><img src="../images/main_1.jpg"></a>-->
                            <!--<div class="info_name">-->
                                <!--<a href="#">倩碧（蜡笔小胖睫毛膏01 4ml+甜心小方唇膏棒09 2.3g）</a>-->
                                <!--<div class="clear">-->
                                    <!--<span>￥<i>48</i></span>-->
                                    <!--<p class="clear">-->
                                        <!--<span id="down_num" data="1"></span>-->
                                        <!--<input type="text" id="_num" value="1">-->
                                        <!--<span id="up_num" data="0"></span>-->
                                    <!--</p>-->
                                    <!--<a href="#">删除</a>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</div>-->
                <!--<div class="goods_all">-->
                    <!--<p class="h_allinfo_jianshu">共<span>14</span>件商品</p>-->
                    <!--<div class="clear">-->
                        <!--<p>共计<span>￥</span><i>622.80</i></p>-->
                        <!--<p><a href="javascript:void(0)">去购物车结算</a></p>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="side_menu">-->
        <!--<ul>-->
            <!--<li class="menu_1">-->
                <!--<a href="javascript:void(0)"></a>-->
                <!--<div class="animat_div">-->
                    <!--<a href="#">登录</a>-->
                    <!--<span>|</span>-->
                    <!--<a href="#">注册</a>-->
                    <!--<i></i>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="menu_2">-->
                <!--<a href="javascript:void(0)">-->
                    <!--<i></i>-->
                    <!--<span>购物车</span>-->
                    <!--<b>0</b>-->
                <!--</a>-->
            <!--</li>-->
            <!--<li class="menu_3">-->
                <!--<a href="javascript:void(0)"></a>-->
                <!--<div class="animat_div">-->
                    <!--<a href="#">我的收藏</a>-->
                    <!--<i></i>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="menu_4">-->
                <!--<a href="javascript:void(0)"></a>-->
                <!--<div class="animat_div">-->
                    <!--<a href="#">我看过的</a>-->
                    <!--<i></i>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="menu_5">-->
                <!--<a href="javascript:void(0)"></a>-->
                <!--<div class="clear">-->
                    <!--<p><img src="../images/wechat_ewm1.jpg" alt="知我微信商城二维码"><span>知我微信商城</span></p>-->
                    <!--<p><img src="../images/android_ewm.png" alt="Android版下载"><span>Android版APP下载</span></p>-->
                    <!--<p><img src="../images/android_ewm.png" alt="iPhone版下载"><span>iPhone版APP下载</span></p>-->
                    <!--<span></span>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="menu_6">-->
                <!--<a href="javascript:void(0)"></a>-->
                <!--<div class="animat_div">-->
                    <!--<a href="#">客服中心</a>-->
                    <!--<i></i>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="menu_7">-->
                <!--<a href="javascript:void(0)"><i></i><span>TOP</span></a>-->
            <!--</li>-->
        <!--</ul>-->
    <!--</div>-->
<!--</div>-->
<!--end 右侧栏-->
</body>
</html>